<template>
	<div class="linqu" v-if="show"><!-- :class="{ 'default' :icon}" -->
		<img src="../../../../public/igs/1_3.png" >
		<h3>新用户注册领388元大礼包</h3>

		<p @click="btn()">立即领取<i class="iconfont">&#xe633;</i></p>
	</div>
</template> 

<script>
	import Cookies from 'js-cookie';
	export default{
		name:'Linqu',
		data(){
			return{
				show:true
			}
		},
		methods:{
			btn(){
				this.$router.push('/login')

			}
			
		},
		mounted() {
				if(Cookies.get('uname')){
					this.show=false
				}else{
					this.show=true
					
				}
		}
		
	}
</script>

<style scoped>
	a{
		text-decoration: none;
		color: #000000;
	}
	.linqu{
		position: fixed;
		bottom: 1.56rem;
		left: 2%;
		width: 95%;
		height: 1.2rem;
		z-index: 100;
		display: flex;
		align-items: center;
		border-radius: 0.2rem 0.2rem 0 0;
		background-color: rgba(0,0,0,0.8);
	}
	.linqu img{
		background-size: 100%;
		width: 10%;
		height: 1rem;
		padding-left: 0.2rem;
	}
	.linqu h3{
		font-size: 0.37rem;
		color: white;
		padding-left: 0.2rem;
		padding-right: 1.2rem;
		
	}
	.linqu p{
		font-size: 0.35rem;
		text-align: center;
		width: 25%;
		height: 0.8rem;
		line-height: 0.8rem;
		border-radius: 0.4rem;
		background-image: linear-gradient(#ffe414,#e6c81a);
	}
	.linqu p i{
		font-size: 0.1rem;
		font-weight: bold;
		padding-right: 0.1rem;
	}
	.default{
		display: none;
	}
</style>
